/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[5].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[5].oneOf[12].use[3]!./components/styles/aboutDiverse.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #lptV {
        display: none
    };
    #tbtV{
        display: block !important;
    }
}

@media only screen and (max-width: 767px) {
    #tbtV{
        display: none;
    }
    
}
@media only screen and (min-width: 1440px) {
    #tbtV {
        display: none
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #lptV{
        display: none;

    }
}
/* 
mobile view */
@media only screen and (min-width: 320px) and (max-width: 425px) {
    #lptV {
        display: flex !important;
        align-items: center;
        flex-direction: column;
        justify-content: space-between;
        height: auto !important;
    }
    .text-card{
        padding: 8px;
        justify-content: space-between;
    }
    .text-card div{
        margin-top: 10%;
    }
    #tbtV{
        display: none;
    }
}